<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<div th:include="/thymeleaf/common/_head2::headx('关键字查询结果')"
	th:remove="tag"></div>
<link rel="stylesheet" th:href="@{/static/css/crumb/reset.css}">
<link rel="stylesheet" th:href="@{/static/css/crumb/style.css}">
<link rel="stylesheet" th:href="@{/static/css/wu/default.css}">
<style type="text/css">
li {
	list-style-type: none;
}

.brandrow li{
	border: 1px solid white;
}

.brandrow li:hover {
	border: 1px solid blue;	
}

.categoryrow li {
	border: 1px solid white;	
}

.categoryrow li:hover {
	border: 1px solid blue;
}

.shaixuan-tj i{
	color:black;
}

div li {
	cursor:pointer;
}

a:hover { text-decoration:none; } 

</style>
</head>
<body>
	<!-- header -->
	<div class="row clearfix">
		<div id="header" class="col-md-12 column">
		</div>
	</div>
	<div class="container">
		<!-- <h3 style="font-size: 18px;">筛选条件列表-用于多条件选择</h3>
		<br> -->
		<div class="row clearfix">
			<div class="row clearfix ">
				<div class="col-md-12 column">
					<p class="shaixuan-tj floatLeft clearfix ">
						<span class=""><a href="#">全部结果</a></span> <i
							class="icon-angle-right"></i> <span><em
							th:text="'“'+${keywords}+'”'">查询关键字</em></span> <i
							class="icon-angle-right"></i>

						<!-- <span class="crumb-select-item">
							<a href="/">
								<b>品牌：</b>
								<em>苹果</em>
								<i class="icon-remove"></i>
							</a>
						</span>	 -->

					</p>

				</div>
			</div>
			<!-- 类目信息 查询结果个数 -->
			<!-- <div class="row clearfix"> -->
				<div class="col-md-12 column" style="background: lightgray;height:30px;line-height:30px; ">
					商品筛选 共<b><span th:text="${pageInfo.total}">xxxx</span></b>个
				</div>
			<!-- </div> -->
			<div class="col-md-12 column">
				<br>
				<table class="table">
					<thead>
						<tr>
							<th>条件名称</th>
							<th>条件值列表</th>
						</tr>
					</thead>
					<tbody>
						<tr class="brandrow" th:if="${not #lists.isEmpty(brandList)}">
							<td>品牌</td>
							<td>
								<ul>
									<li th:each="brand : ${brandList}"
										style="float: left; margin-right: 1px"><a class="brand"
										th:attr="id='brand_'+${brand.brandId},data-bind=${brand.brandId},data-brand-name=${brand.brandName}">
											<img th:alt="${brand.brandName}"
											th:src="${brand.brandLogoUrl}">
									</a></li>
								</ul>
							</td>
						</tr>
						<tr class="categoryrow" th:each="cateCond : ${filterList}">
							<td th:text="${cateCond.secondCategory.cName}">条件名称</td>
							<td><ul>
									<li th:each="thirdCate : ${cateCond.thirdCategoryList}"
										class="category" style="float: left; margin-right: 10px"
										th:attr="data-bind=${cateCond.secondCategory.cid}+'|'+${thirdCate.cid},data-category-name=${thirdCate.cName}"><span
										th:text="${thirdCate.cName}">属性值</span></li>
								</ul></td>
						</tr>

					</tbody>
				</table>
			</div>
		</div>
		<!-- 查询结果列表 -->
		<div class="row clearfix">
			<div class="col-md-12 column">
				<div class="tabbable tablist" id="tabs-822513">
					<h5><span class="glyphicon glyphicon glyphicon-search" aria-hidden="true"></span>查询结果</h5>
					<!-- <span class="more"><a href="#">more</a></span> -->
					<ul class="nav nav-pills titletab">
						<li class="active">
							 <!-- <a href="#panel-416853" data-toggle="tab">办公</a> -->
						</li>					
					</ul>
					
					<div class="tab-content">
						<div class="tab-pane active  prolist" id="panel-416853">
							<ul>
								<li th:each="item : ${itemList}">
									<a
										th:href="@{/front/product/detail/{itemId}(itemId=${item.item.itemId})}"
										target="_blank"> <img th:src="${item.pict[0].pictureUrl}" />
									</a>
									<p class="proname" th:text="${item.item.itemName}">产品名称</p>
									<!-- <p class="prointr" th:text="${item.item.itemId}">商品简介</p> -->
									<p class="price" th:text="${item.item.marketPrice}">999.00</p>
								</li>
								
							</ul>
							<div style="clear: both;"></div>
						</div>
						
					</div>
				</div>
			</div>
				
		</div>
		<!-- 加入 分页 -->
		<div class="row clearfix">
			<div th:include="/thymeleaf/common/_pager::pager" class="pagerx" style="float: right; margin-right: 100px;"></div>
		</div>

	</div>
	<!-- footer -->
	<div class="row clearfix">
		<div id="footer" class="col-md-12 column">
		</div>
	</div>
	<!-- load header and footer  -->
	<script type="text/javascript" th:src="@{/static/js/loadHeaderFooter.js}"></script>
	
	<!-- 当用户点击查询条件时，采用些隐藏表单提交 -->
	<form th:action="@{/front/search/keywordscond}" method="get"	id="testform">
		<!-- 用于保存上次查询的条件  初始值为空字符串 -->
		<input type="hidden" name="keywords" id="keywords"	th:value="${keywords}" />
		<!-- 品牌条件 -->
		<input type="hidden" name="brandCond" id="brandCond" th:value="${brandCond}" />
		<!-- 类目条件 -->
		<input type="hidden" name="categoryCond" id="categoryCond"	th:value="${categoryCond}" />
		<!-- 用户选择的条件列表 -->
		<input type="hidden" name="searchCond" id="searchCond"	th:value="${searchCond}">
		
		<!-- 保存页号与页大小 -->
		<input type="hidden" name="pageNum" id="pageNum" value="0"> 
		<input type="hidden" name="pageSize" id="pageSize" value="0">

		

	</form>

	<script type="text/javascript" th:src="@{/static/js/search_keyword/search_keyword.js}"></script>

</body>
</html>
